<template>
  <section class="about-area">
    <div class="container">
      <div class="row">
        <div class="col-lg-7">
          <div class="about-main-content">
            <div class="about-title">
              <h3 class="title">We’re a leading industry <br> & factory company in <br> new york</h3>
            </div>
            <div class="about-item d-block d-sm-flex align-items-center">
              <div class="about-item-thumb">
                <img src="/assets/images/about-item.jpg" alt="">
              </div>
              <div class="about-item-content">
                <h4 class="title">build. That’s how we’d like <br> the world to be.</h4>
                <p>Lorem ipsum dolor sit amet, consectetur <br> notted adipisicing elit sed do eiusmod <br> tempor incididunt ut labore.</p>
              </div>
            </div>
            <div class="about-list">
              <ul>
                <li><span>01</span> We build your dream future</li>
                <li><span>02</span> We build only quality buildings</li>
                <li><span>03</span> we are skilled and expert contractors</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-lg-5">
          <div class="about-right-content">
            <p>Lorem ipsum is simply free text dolor sit amet, consectetur notted adipisi cing elit sed do eiusmod We do this by discerning the people and that platforms where interests converge.</p>
            <div class="about-thumb animated wow fadeInRight" data-wow-duration="1000ms">
              <div class="shape">
                <img src="/assets/images/shape/shape-10.png" alt="">
              </div>
              <img src="/assets/images/about-thumb-1.jpg" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<script>
    export default {
        name: "AboutArea"
    }
</script>

<style scoped>

</style>
